<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定位的特殊应用1</title>
    <style>
      .outer {
        height: 800px;
        background-color: grey;
        position: relative;
      }
      .inner {
        padding: 20px;
        font-size: 20px;
        background-color: orange;
        border: 10px black solid;
        /* 如何让开启定位的元素(没有设置宽高)撑满整个父元素  */
        position: absolute;
        /* 会超过父元素的宽度 因为有边框和 内边距 */
        /*width: 100%;*/
        /* 解决方法 */
        left: 0;
        right: 0;
      }
    </style>
</head>
<body>
  <div class="outer">
    <div class="inner">你好啊</div>
  </div>
</body>
</html>